<!--
	ESTE ES UN DEMO!!!
-->

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice"%>
<html>
	<head>
		<%@include file="./general/head.jsp" %>
		<script type="text/javascript" src="../estilos/js/scripts.js"></script>
	</head>
	<body class="body">
		<table width="800" border="0" align="center" bgcolor="#FFFFFF"
			cellpadding="0" cellspacing="0">
						<!-- NUEVO!! -->

			
			<tr>
				<td valign="top" align="center">
		    		<%@include file="./general/head2.jsp" %>
				</td>
	  		</tr>
	  		

	  		<!-- NUEVO!! -->
			
			<tr>
				<td></td>
			</tr>
			<tr>
				<td valign="top" align="center">
					<ice:form id="formulario">
						<f:view>
							<!-- CARGA EL ARCHIVO DE ETIQUETAS -->
							<f:loadBundle
								basename="co.com.coomeva.adminEvaluacion.properties.etiquetas"
								var="etiqueta" />

							<ice:panelCollapsible expanded="true" toggleOnClick="true"
								style="width: 600px">

								<!-- TITULO -->
								<f:facet name="header">
									<ice:outputText value="#{etiqueta.title_GestionRelaciones}" />
								</f:facet>
								<br />

								<!-- ETIQUETAS Y CAMPOS -->
								<ice:panelGrid columns="2">
									<ice:outputText value="#{etiqueta.lb_PeriodoNombre} (*)   " />
									<ice:selectOneMenu value="#{jefeColaboradorBean.consPeriodo}" id="periodo" disabled="#{jefeColaboradorBean.readOnly}">
										<f:selectItems value="#{jefeColaboradorBean.periodoItems}" />
									</ice:selectOneMenu>
									<!--  
									<ice:inputText id="consPeriodo" value="#{jefeColaboradorBean.consPeriodo}"
										disabled="#{jefeColaboradorBean.readOnly}" size="20" maxlength="11" />
									-->
									<ice:outputText value="#{etiqueta.lb_EmpCodigo}   " />
									
									<ice:inputText id="empCodigo" value="#{jefeColaboradorBean.empCodigo}" disabled="#{jefeColaboradorBean.readOnly}" size="20" maxlength="11" />
	                                 
	                                 <ice:outputText value="#{etiqueta.lb_EmpEmpresa} (*)" rendered="#{jefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empEmpresa" value="#{jefeColaboradorBean.empEmpresa}"  rendered="#{jefeColaboradorBean.showAllData}"/>
	                
	                                 <!-- NUEVO!! 
	                                 <ice:outputText value="#{etiqueta.lb_EmpCargo}" />
									<ice:inputText id="empCargo" value="#{jefeColaboradorBean.empCargo}" size="20" maxlength="11"></ice:inputText>
								
								 <ice:outputText value="#{etiqueta.lb_EmpCargoNombre} (*) " rendered="#{jefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empCargoNombre" value="#{jefeColaboradorBean.empCargoNombre}" size="20" maxlength="50" rendered="#{jefeColaboradorBean.showAllData}" />
			                   -->
			                        <ice:outputText value="#{etiqueta.lb_EmpCargoNombre} (*)" />
                                    <ice:selectOneMenu value="#{jefeColaboradorBean.empCargo}" partialSubmit="true" immediate="true" valueChangeListener="#{jefeColaboradorBean.cargarRoles}" title="Seleccione el cargo del empleado"  >
										<f:selectItems value="#{jefeColaboradorBean.cargoItems}" />
									</ice:selectOneMenu>
					
					<ice:outputText value="#{etiqueta.lb_EmpGrado} (*) " rendered="#{jefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empGrado" value="#{jefeColaboradorBean.empGrado}" size="20" maxlength="20" rendered="#{jefeColaboradorBean.showAllData}" />
					
						<!--	
					               <ice:outputText value="#{etiqueta.lb_CodCiudad} "  />
									<ice:inputText id="empDivision" value="#{jefeColaboradorBean.empDivision}" size="20" maxlength="11" />
		-->
						<!-- ESTO ES DE JAIRO
								<ice:outputText value="#{etiqueta.lb_CodCiudadNombre} (*)" rendered="#{jefeColaboradorBean.showAllData}"/>
								<ice:selectOneMenu value="#{jefeColaboradorBean.empDivision}" title = "Seleccione la ciudad del Jefe" partialSubmit="true" immediate="true" valueChangeListener="#{jefeColaboradorBean.cargarDeptos}"  rendered="#{jefeColaboradorBean.showAllData}">
										<f:selectItems value="#{jefeColaboradorBean.ciudadEmpItems}"/>
									</ice:selectOneMenu>
								-->
								<ice:outputText value="#{etiqueta.lb_CodCiudadNombre} (*)" rendered="#{jefeColaboradorBean.showAllData}"/>
								<ice:selectOneMenu value="#{jefeColaboradorBean.empDivision}" title="Seleccione la ciudad del colaborador" partialSubmit="true" immediate="true" valueChangeListener="#{jefeColaboradorBean.cargarCiudadEmp}" rendered="#{jefeColaboradorBean.showAllData}">
									<f:selectItems value="#{jefeColaboradorBean.ciudadEmpItems}"/>
								</ice:selectOneMenu>
			<!--					
								 <ice:outputText value="#{etiqueta.lb_CodCiudadNombre} (*) " rendered="#{jefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empDivisionNombre" value="#{jefeColaboradorBean.empDivisionNombre}" size="20" maxlength="40" rendered="#{jefeColaboradorBean.showAllData}"/>
								
								
								<ice:outputText value="#{etiqueta.lb_EmpDepto} (*)" rendered="#{jefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empDepto" value="#{jefeColaboradorBean.empDepto}" rendered="#{jefeColaboradorBean.showAllData}"/>
				
				-->
								<ice:outputText value="#{etiqueta.lb_EmpDeptoNombre} (*)" rendered="#{jefeColaboradorBean.showAllData}"/>
									<ice:selectOneMenu value="#{jefeColaboradorBean.empDepto}"  title = "Seleccione el departamento del colaborador" rendered="#{jefeColaboradorBean.showAllData}"
										partialSubmit="true" immediate="true" valueChangeListener="#{jefeColaboradorBean.cargarDependientesCol}">
										<f:selectItems value="#{jefeColaboradorBean.deptosItems}"/>
									</ice:selectOneMenu>
								<!--	
									<ice:outputText value="#{etiqueta.lb_EmpDeptoNombre} (*) " rendered="#{jefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empDeptoNombre" value="#{jefeColaboradorBean.empDeptoNombre}" size="20" maxlength="30" rendered="#{jefeColaboradorBean.showAllData}" />
								-->
								
								<!--
								<ice:outputText value="#{etiqueta.lb_EmpArea} (*)" rendered="#{jefeColaboradorBean.showAllData}" />
									<ice:inputText id="empArea" value="#{jefeColaboradorBean.empArea}" rendered="#{jefeColaboradorBean.showAllData}" />
									
								<ice:outputText value="#{etiqueta.lb_EmpAreaNombre} (*)" rendered="#{jefeColaboradorBean.showAllData}" />
									<ice:inputText id="empAreaNombre" value="#{jefeColaboradorBean.empAreaNombre}" size="20" maxlength="30" rendered="#{jefeColaboradorBean.showAllData}" />
								-->
								<ice:outputText value="#{etiqueta.lb_EmpAreaNombre} (*)" rendered="#{jefeColaboradorBean.showAllData}" />
								<ice:selectOneMenu value="#{jefeColaboradorBean.empArea}" id="seccion" rendered="#{jefeColaboradorBean.showAllData}" partialSubmit="true" immediate="true" valueChangeListener="#{jefeColaboradorBean.cargarAreaEmp}" >
									<f:selectItems value="#{jefeColaboradorBean.areaItems}" />
								</ice:selectOneMenu>
						
						
						
								
								 <ice:outputText value="#{etiqueta.lb_JefeCodigo}  " />
									<ice:inputText id="jefeCodigo" value="#{jefeColaboradorBean.jefeCodigo}" size="20" maxlength="11" />
								<!--
						     	<ice:outputText value="#{etiqueta.lb_JefeCargo} (*)" rendered="#{jefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeCargo" value="#{jefeColaboradorBean.jefeCargo}" rendered="#{jefeColaboradorBean.showAllData}" />

									<ice:outputText value="#{etiqueta.lb_JefeCargoNombre} (*) " rendered="#{jefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeCargoNombre" value="#{jefeColaboradorBean.jefeCargoNombre}" size="20" maxlength="50" rendered="#{jefeColaboradorBean.showAllData}" />
									-->
									
									<ice:outputText value="#{etiqueta.lb_JefeCargoNombre} (*) " rendered="#{jefeColaboradorBean.showAllData}" />
									<ice:selectOneMenu value="#{jefeColaboradorBean.jefeCargo}" partialSubmit="true" immediate="true"  title = "Seleccione el cargo del jefe" rendered="#{jefeColaboradorBean.showAllData}" valueChangeListener="#{jefeColaboradorBean.cargarCargoJef}" >
										<f:selectItems value="#{jefeColaboradorBean.cargoItems}" />
									</ice:selectOneMenu>

									<ice:outputText value="#{etiqueta.lb_JefeGrado} (*) " rendered="#{jefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeGrado" value="#{jefeColaboradorBean.jefeGrado}" rendered="#{jefeColaboradorBean.showAllData}"  />
								 <!-- TITULO
								 <ice:outputText value="#{etiqueta.lb_JefeDivision} (*) " rendered="#{jefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeDivision" value="#{jefeColaboradorBean.jefeDivision}" rendered="#{jefeColaboradorBean.showAllData}" size="20" maxlength="11"/>
								 -->
								<!-- ESTE ES DE JG
								<ice:outputText value="#{etiqueta.lb_CiudadJefe} (*)" rendered="#{jefeColaboradorBean.showAllData}"/>
								<ice:selectOneMenu value="#{jefeColaboradorBean.jefeDivision}" title = "Seleccione la ciudad del Jefe" partialSubmit="true" immediate="true" valueChangeListener="#{jefeColaboradorBean.cargarDeptosJefe}"  rendered="#{jefeColaboradorBean.showAllData}">
										<f:selectItems value="#{jefeColaboradorBean.items}"/>
									</ice:selectOneMenu>
								-->
								<ice:outputText value="#{etiqueta.lb_CiudadJefe} (*)" rendered="#{jefeColaboradorBean.showAllData}"/>
								<ice:selectOneMenu value="#{jefeColaboradorBean.jefeDivision}" title="Seleccione la ciudad del Jefe"  rendered="#{jefeColaboradorBean.showAllData}">
										<f:selectItems value="#{jefeColaboradorBean.items}"/>
								</ice:selectOneMenu>
								<!-- 
								<ice:outputText value="#{etiqueta.lb_JefeDepto} (*)" rendered="#{jefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeDepto" value="#{jefeColaboradorBean.jefeDepto}" rendered="#{jefeColaboradorBean.showAllData}" />
									-->
									
									<ice:outputText value="#{etiqueta.lb_JefeDeptoNombre} (*)" rendered="#{jefeColaboradorBean.showAllData}"/>
									<ice:selectOneMenu value="#{jefeColaboradorBean.jefeDepto}"  title = "Seleccione el departamento del Jefe" rendered="#{jefeColaboradorBean.showAllData}"
									partialSubmit="true" immediate="true" valueChangeListener="#{jefeColaboradorBean.cargarDependientesJef}">
										<f:selectItems value="#{jefeColaboradorBean.deptosJefeItems}"/>
									</ice:selectOneMenu>
							
								
								<ice:outputText value="#{etiqueta.lb_JefeAreaNombre} (*)" rendered="#{jefeColaboradorBean.showAllData}" />
								<!--<ice:inputText id="jefeArea" value="#{jefeColaboradorBean.jefeArea}" rendered="#{jefeColaboradorBean.showAllData}" />-->
								<ice:selectOneMenu value="#{jefeColaboradorBean.jefeArea}" id="seccionJefe" rendered="#{jefeColaboradorBean.showAllData}" >
									<f:selectItems value="#{jefeColaboradorBean.areaItemsJefe}" />
								</ice:selectOneMenu>
					
									
									<ice:outputText value="#{etiqueta.lb_RolNombre} (*)" rendered="#{jefeColaboradorBean.showAllData}" />
									<!--<ice:inputText id="rolCodigo" value="#{jefeColaboradorBean.rolCodigo}" rendered="#{jefeColaboradorBean.showAllData}" />-->
									<ice:selectOneMenu value="#{jefeColaboradorBean.rolCodigo}" id="rol" title="Seleccione el rol del empleado" rendered="#{jefeColaboradorBean.showAllData}">
										<f:selectItems value="#{jefeColaboradorBean.rolItems}" />
									</ice:selectOneMenu>
								
							
								</ice:panelGrid>
								
								<ice:panelGrid>
								<br/>
								<i>
								   <ice:outputText value="#{etiqueta.lbl_obligatorio}"/>
								</i>
								</ice:panelGrid>
								
								<br />

								<!-- BOTONES -->
								<ice:panelGrid columns="5">
									
									<ice:commandButton value="#{etiqueta.btn_Consultar}"
										actionListener="#{jefeColaboradorBean.consultar2}"
										disabled="#{jefeColaboradorBean.inactivarConsultar}" />
										
										<ice:commandButton value="#{etiqueta.btn_Actualizar}"
										actionListener="#{jefeColaboradorBean.actualizar}"
										disabled="#{jefeColaboradorBean.inactivarActualizar}"
										onclick="if(!confirm('Esta seguro que desea actualizar los datos ?')){ return false; };" />
										
									
									<ice:commandButton value="#{etiqueta.btn_Eliminar}"
										actionListener="#{jefeColaboradorBean.eliminar}"
										disabled="#{jefeColaboradorBean.inactivarEliminar}"
										onclick="if(!confirm('Esta seguro que desea eliminar la relacion ?')){ return false; };" />
										
									
									<ice:commandButton value="#{etiqueta.btn_Limpiar}"
										actionListener="#{jefeColaboradorBean.limpiar}" onclick="limpiar(document.getElementById('formulario'));"/>
								</ice:panelGrid>

								<!-- MENSAJE DE ERROR DE CONVERSION -->
								<!--<ice:messages visible="true" style="color:red;" />-->

								<!-- TABLA DE RESULTADOS DE CONSULTA -->
								
								
								
								<ice:dataTable rows="10" id="dataRelaciones" var="relaciones"
									value="#{jefeColaboradorBean.listDatos}" border="1" width="540"
									rendered="#{jefeColaboradorBean.resultadoConsulta}">
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_EmpCodigo}" />
											</strong>
										</f:facet>
										<ice:commandLink value="#{relaciones.empCodigo}"
											styleClass="linkTabla" action="#{jefeColaboradorBean.cargarDatos}">
											<f:param value="#{relaciones.empCodigo}" name="empCodigo" />
											<f:param value="#{relaciones.consPeriodo}" name="consPeriodo" />
											
										 											
											
										</ice:commandLink>
									</ice:column>
									<!--
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_periodo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.consPeriodo}" />
									</ice:column>
									-->
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_nombrePeriodo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.nombrePeriodo}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_empCargo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.empCargo}" />
									</ice:column>
									
																		<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_EmpCargoNombre}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.empCargoNombre}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_jefeCodigo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.jefeCodigo}" />
									</ice:column>
																		
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_CodCiudad}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.empDivision}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_nombreCiudad}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.nombreCiudad}" />
									</ice:column>
									
								</ice:dataTable>
								
								
								
								
								
								
								
								
								<br />
								
								<!-- PAGINADOR -->
								<ice:dataPaginator id="dataScroll_1" for="dataRelaciones"
									paginator="true" fastStep="3" paginatorMaxPages="4"
									rendered="#{jefeColaboradorBean.resultadoConsulta}">
									<f:facet name="first">
										<ice:graphicImage url="../estilos/imagenes/arrow-first.gif"
											style="border:none;" title="#{etiqueta.title_PrimeraPagina}" />
									</f:facet>
									<f:facet name="last">
										<ice:graphicImage url="../estilos/imagenes/arrow-last.gif"
											style="border:none;" title="#{etiqueta.title_UltimaPagina}" />
									</f:facet>
									<f:facet name="previous">
										<ice:graphicImage url="../estilos/imagenes/arrow-previous.gif"
											style="border:none;" title="#{etiqueta.title_PaginaAnterior}" />
									</f:facet>
									<f:facet name="next">
										<ice:graphicImage url="../estilos/imagenes/arrow-next.gif"
											style="border:none;" title="#{etiqueta.title_ProximaPagina}" />
									</f:facet>
									<f:facet name="fastforward">
										<ice:graphicImage url="../estilos/imagenes/arrow-ff.gif"
											style="border:none;" title="#{etiqueta.title_AvanceRapido}" />
									</f:facet>
									<f:facet name="fastrewind">
										<ice:graphicImage url="../estilos/imagenes/arrow-fr.gif"
											style="border:none;" title="#{etiqueta.title_RetornoRapido}" />
									</f:facet>
								</ice:dataPaginator>
							</ice:panelCollapsible>

						</f:view>
					</ice:form>
				</td>
			</tr>
					<!-- NUEVO!! -->
			<tr>
				<td>
					<%@include file="./general/footer.jsp" %>
				</td>
			</tr>
			<!-- NUEVO!! -->	
			
		</table>
		<%@include file="mensaje.jsp"%>
	</body>
</html>
